<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue.js demo</title>
    <script src="../js/vue.js"></script>
</head>
<body>
<div id="app">

    <input type="checkbox" v-model="check"/>是否同意许可协议<br/>
    <button v-if="check" @click="nextStep()">next-if</button>
    <button v-else disabled>next-if</button>

    <br/>
    <button v-show="check" @click="nextStep()">next-show</button>
    <button v-show="!check" disabled>next-show</button>

</div>
</body>

<script>
    new Vue({
        el: '#app',
        data() {
            return {
                check: false
            }
        },
        methods: {

            nextStep() {
                alert("next step...")
            }
        },
        computed: {

        },
        watch: {

        }
    })

</script>
</html>
